<template>
    <div>
        <el-tabs v-model="activeName" type="card" @tab-click="saveActive">
            <el-tab-pane :label="$t('ordersum')" name="all">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-select v-model="type" :placeholder="$t('category')" clearable size="mini">
                                <el-option :label="$t('bigrobe')" value="bigrobe"></el-option>
                                <el-option :label="$t('kaften')" value="kaften"></el-option>
                            </el-select>
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="mdorderTab" stripe v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="80" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                    <el-pagination
                        small
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :pager-count="11"
                        :current-page.sync="seachForm.pageNo"
                        :page-sizes="[10, 20, 30, 40]"
                        :page-size="seachForm.pageSize"
                        layout="sizes, prev, pager, next"
                        :total="total">
                    </el-pagination>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('waitforusersconfirm')" name="waitUser">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="waitUserTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('intertobeconfirmed')" name="interConfir">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="interConfirTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('waitfordist')" name="waitFord">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="waitFordTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('ordermakeandtest')" name="orderMake">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="orderMakeTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('inspcomreadyforship')" name="waitShip">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="waitShipTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('shipped')" name="shipped">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="shippedTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('storethegoods')" name="storeGoods">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="storeGoodsTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
            <el-tab-pane :label="$t('ordercomp')" name="orderOver">
                <el-card class="cardBox">
                    <div class="operarea">
                        <div class="seach">
                            <el-input v-model="client" clearable size="mini" :placeholder="$t('cusname')"></el-input>
                            <el-input v-model="orderNo" clearable size="mini" :placeholder="$t('ordernum')"></el-input>
                            <el-date-picker v-model="time" type="date" :placeholder="$t('ordertime')" size="mini">
                            </el-date-picker>
                            <el-button size="mini" icon="el-icon-search" @click="seachData"></el-button>
                        </div>
                        <div class="btnList">
                            <el-button size="mini" @click="exportDialogVisible = true">{{$t('export')}}</el-button>
                        </div>
                    </div>
                    <el-table style="width: 100%" :data="orderOverTab" v-adaptive="{bottomOffset: 85}" height="100">
                        <el-table-column prop="cusName" :label="$t('cusname')" min-width="95">
                        </el-table-column>
                        <el-table-column prop="orderNum" :label="$t('ordernum')" min-width="86">
                        </el-table-column>
                        <el-table-column prop="orderCat" :label="$t('ordercat')" min-width="103">
                        </el-table-column>
                        <el-table-column prop="number" :label="$t('number')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="total" :label="$t('totalprice')" min-width="80">
                        </el-table-column>
                        <el-table-column prop="payState" :label="$t('stateofpay')" min-width="105">
                        </el-table-column>
                        <el-table-column prop="orderState" :label="$t('orderstate')" min-width="130">
                        </el-table-column>
                        <el-table-column prop="address" width="90" :label="$t('details')">
                            <template v-slot="scope">
                                <img src="@/assets/view.png" :alt="$t('picisgone')" @click="getDetails(scope.row)">
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
            </el-tab-pane>
        </el-tabs>
        <!-- 导出 -->
        <el-dialog :title="$t('export')" :visible.sync="exportDialogVisible" width="420px" class="smallDlog">
            <span>{{$t('whetoexptabdata')}}</span>
            <span slot="footer" class="dialog-footer">
                <el-button @click="exportDialogVisible = false">{{$t('cancel')}}</el-button>
                <el-button type="primary" @click="exportData">{{$t('confirm')}}</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
import Cookie from 'js-cookie'
export default {
    data () {
        return {
            activeName: 'all',
            client: '',
            orderNo: '',
            time: '',
            type: '',
            total: 0,
            seachForm: {
                pageSize: 10,
                pageNo: 1
            },
            mdorderTab: [{
                cusName: 'After1',
                orderNum: '20200624',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('waitforusersconfirm')
            },{
                cusName: 'After2',
                orderNum: '20200625',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('intertobeconfirmed')
            },{
                cusName: 'After3',
                orderNum: '20200626',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('waitfordist')
            },{
                cusName: 'After4',
                orderNum: '20200627',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordermakeandtest')
            },{
                cusName: 'After5',
                orderNum: '20200628',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('inspcomreadyforship')
            },{
                cusName: 'After6',
                orderNum: '20200629',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('shipped')
            },{
                cusName: 'After7',
                orderNum: '20200630',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('storethegoods')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            },{
                cusName: 'After8',
                orderNum: '20200701',
                orderCat: '定制大袍',
                price: '150000',
                number: 2,
                total: '300000',
                payState: this.$t('depositpaid'),
                orderState: this.$t('ordercomp')
            }],
            waitUserTab: [
                {
                    cusName: 'After1',
                    orderNum: '20200624',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('waitforusersconfirm')
                }
            ],
            interConfirTab: [
                {
                    cusName: 'After2',
                    orderNum: '20200625',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('intertobeconfirmed')
                }
            ],
            waitFordTab: [
                {
                    cusName: 'After3',
                    orderNum: '20200626',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('waitfordist')
                }
            ],
            orderMakeTab: [
                {
                    cusName: 'After4',
                    orderNum: '20200627',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('ordermakeandtest')
                }
            ],
            waitShipTab: [
                {
                    cusName: 'After5',
                    orderNum: '20200628',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('inspcomreadyforship')
                }
            ],
            shippedTab: [
                {
                    cusName: 'After6',
                    orderNum: '20200629',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('shipped')
                }
            ],
            storeGoodsTab: [
                {
                    cusName: 'After7',
                    orderNum: '20200630',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('storethegoods')
                }
            ],
            orderOverTab: [
                {
                    cusName: 'After8',
                    orderNum: '20200701',
                    orderCat: '定制大袍',
                    price: '150000',
                    number: 2,
                    total: '300000',
                    payState: this.$t('depositpaid'),
                    orderState: this.$t('ordercomp')
                }
            ],
            exportDialogVisible: false
        }
    },
    methods: {
        saveActive () {
            window.sessionStorage.setItem('mdorderAct', this.activeName)
        },
        seachData () {},
        handleSizeChange (newSize) {
            this.seachForm.pageSize = newSize
            this.seachData()
        },
        handleCurrentChange (newNum) {
            this.seachForm.pageNo = newNum
            this.seachData()
        },
        exportData () {},
        getDetails (data) {
            let stateStep = ''
            switch (data.orderState) {
                case this.$t('waitforusersconfirm'):
                stateStep = '0'
                break
                case this.$t('intertobeconfirmed'):
                stateStep = '1'
                break
                case this.$t('waitfordist'):
                stateStep = '2'
                break
                case this.$t('ordermakeandtest'):
                stateStep = '3'
                break
                case this.$t('inspcomreadyforship'):
                stateStep = '4'
                break
                case this.$t('shipped'):
                stateStep = '5'
                break
                case this.$t('storethegoods'):
                stateStep = '6'
                break
                case this.$t('ordercomp'):
                stateStep = '7'
                break
            }
            Cookie.set('mdorderState', stateStep)
            this.$router.push('/sec/mdorderdet')
        }
    },
    mounted () {
        if (window.sessionStorage.getItem('mdorderAct')) this.activeName = window.sessionStorage.getItem('mdorderAct')
    },
    destroyed () {
        if (window.sessionStorage.getItem('mdorderAct') && this.$route.path !== '/sec/mdorderdet') window.sessionStorage.removeItem('mdorderAct')
    }
}
</script>

<style lang="less" scoped>
@import './mdorder.less';
</style>
